<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		用户名：<input type="text" name="name" id="" value="" />
		</br>
		密码：<input type="password" name="pass" id="" value="" />
		</br>
		性别：<input type="radio" name="sex" id="" value="男" />男
		     <input type="radio" name="sex" id="" value="女" />女
			 </br>
		学院：<select name="college">
			<option value="软件工程学院">软件工程学院</option>
			<option value="信息制造学院">信息制造学院</option>
			<option value="环境工程学院">环境工程学院</option>
		</select>
		</br>	
		 爱好：<input type="checkbox" name="chang" id="" value="唱" />唱
		 <input type="checkbox" name="tiao" id="" value="跳" />跳
		 <input type="checkbox" name="red" id="" value="rad" />rad
		 <input type="checkbox" name="basketball" id="" value="篮球" />篮球
		 </br>
		 自我介绍：<textarea rows="10" cols="25">
		 </textarea>
		 </br>
		 <button type="button"onclick="tj()">提交</button>
	</body>
	<script type="text/javascript">
	
	
		function tj(){
				//  按照name的方式查找各个元素
			    var sex = document.getElementsByName('sex');
				console.log(sex);
				
				var name = document.getElementsByName('name');
				console.log(name);
				
				var pass = document.getElementsByName('password');
				console.log(pass);
				
				//  按照标签的方式查找各个元素
				var college = document.getElementsByName('college');
				console.log(college);
				
				var input = document.getElementsByTagName('input');
				console.log(input);
				
				var option = document.getElementsByTagName('option');
				console.log(option);
				
				var textarea = document.getElementsByTagName('textarea');
				console.log(textarea);
			
		}
	</script>
</html>